body main.clock-display {
	display: block;
	text-align: center;
	width: 100%;
	font-family: 'digital-7';
	float: right;
	direction: ltr;
	text-shadow: 0px 0px 0px #fff0;
	height: 24px;
	overflow: hidden;
	margin-top: -5px;
}
.light-on {
	background-color: #ffffff !important;
	border:1px solid #fff !important;
	display: block !important;

}

body main.clock-display p {
	margin: 0px;
}

/* DATE */
.date-field {
	margin: 5px 0;
	display: none;
	justify-content: space-between;
}
.date-field div {
	display: inline-block;
	position: relative;
}
.date-field div p {
	font-size: 34px;
	position: relative;
	z-index: 100;
}
.date-field div p.placeholder {
	color: #2b2828;
	position: absolute;
	top: 0;
	z-index: 50;
}
.date-field div.day-of-week-mobile {
  display: none;
}
.date-field div.day-of-week p {
  font-size: 50px;
}
.date-field div p.type {
  font-size: 10px;
  font-weight: bold;
  font-family: sans-serif;
  text-transform: uppercase;
}


/* CLOCK */
.clock-field {
	margin: 0;
  display: flex;
  justify-content: center;
}
.clock-field div {
	display: inline-block;
	position: relative;
}
.clock-field div p {
	font-size: 19px;
	position: relative;
	z-index: 100;
}
	.clock-field .numbers .placeholder {
		color: #ffffff26;
		position: absolute;
		top: 0;
		z-index: 50;
	}
	.clock-field .numbers .type {
		font-size: 10px;
		font-weight: bold;
		font-family: sans-serif;
		text-transform: uppercase;
		margin-top: -10px;
		display: none;
	}
.clock-field .am-pm {
	font-family: sans-serif;
	text-transform: uppercase;
	width: 20px;
}
.clock-field .am-pm div p {
	font-size: 10px;
	font-weight: bold;
	width: 100%;
}
	.clock-field .am,
	.clock-field .pm {
		font-size: 4px !important;
		color: #2b2828;
		line-height: 9px;
		border: 1px solid;
		display: none;
		margin: 9px 0px;
		padding: 0px;
	}